<!-- inline styles related to this page -->
<link rel="stylesheet" href="styles/shop/analysis.css" />

<!-- begin 报表分析 -->
<div class="analysis">
	<div class="as-nav">
		<ul>
			<li>经营分析</li>
			<li>销售分析</li>
			<li>商品分析</li>
			<li>会员分析</li>
			<li>营销分析</li>
			<li>店员分析</li>
		</ul>
	</div>
	<div class="as-content">
		<div>
			<div id="ding">
				<ul>
					<li>今日</li>
					<li>本周</li>
					<li>本月</li>
				</ul>

				<div class="input-group">
					<input class="form-one" type="text" placeholder="2017-01-12-2017-02-12" name="date-range-picker" id="id-date-range-picker-1">
					<span class="input-group-one">
						<i class="fa fa-calendar"></i>
					</span>
				</div>
			<ol>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace" checked="checked">
						<span class="lbl">全店 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">会员 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">非会员 </span>
					</label>
				</div>
				</li>
			</ol>
			</div>
			<div id="zhang">
				<dl>
					<dt><img src="images/shop/xiaoShoudanshu.png"/></dt>
					<dd>销售单数<p>3,352</p></dd>

				</dl>
				<dl>
					<dt><img src="images/shop/shangPinxiaoshou.png"/></dt>
					<dd>商品销售<p>3,352</p></dd>

				</dl>
				<dl>
					<dt><img src="images/shop/xiaoshouZonge.png"/></dt>
					<dd>销售总额<p>3,352</p></dd>

				</dl>
				<dl>
					<dt><img src="images/shop/maoLirun.png"/></dt>
					<dd>毛利润<p>3,352</p></dd>

				</dl>
				<dl>
					<dt><img src="images/shop/jingLIrun.png"/></dt>
					<dd>净利润<p>3,352</p></dd>

				</dl>
			</div>
			<div id="zuo">

				<div id="img_one"><h5>商品销售分析<span>？</span></h5>
					<img src="images/shop/jingYingfenxi.png"/>
					<img src="images/shop/jingYingfenxi-1.png"/>
				</div>

			</div>
			<div id="you">
				<h3>商品销售TOP10</h3>
				<div id="top-10">
					<table>
						<tr style="border: none;">
							<td>排名</td>
							<td>商品</td>
							<td>数量</td>
							<td>毛利润</td>
						</tr>
						<tr>
							<td style="background: url(images/shop/huangguan.png)no-repeat center;background-size: 80%;color: #fff;">1</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td style="background: url(images/shop/huangguan.png)no-repeat center;background-size: 80%;color: #fff;">2</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td style="background: url(images/shop/huangguan.png)no-repeat center;background-size: 80%;color: #fff;">3</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>4</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>5</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>6</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>7</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>8</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>9</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>10</td>
							<td><img src="images/shop/shucai.png" />汤山小白菜</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
					</table>
				</div>
				<div ><img style="width: 100%;" src="images/shop/top10-xia.png"/></div>

				<div id="top-11">
				<h3>会员消费TOP10</h3>
					<table>
						<tr style="border: none;">
							<td>排名</td>
							<td>会员</td>
							<td>单数</td>
							<td>销售额</td>
						</tr>
						<tr>
							<td style="background: url(images/shop/huangguan.png)no-repeat center;background-size: 50%;color: #fff;">1</td>
							<td>王小丫</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td style="background: url(images/shop/huangguan.png)no-repeat center;background-size: 50%;color: #fff;">2</td>
							<td>王小丫</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td style="background: url(images/shop/huangguan.png)no-repeat center;background-size: 50%;color: #fff;">3</td>
							<td>王小丫</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>4</td>
							<td>王小丫</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>5</td>
							<td>王小丫</td>
							<td>5208</td>
							<td>5208</td>
						</tr>
						<tr>
							<td>6</td>
							<td>王小丫</td>
							<td>5208</td>
							<td>5208</td>
						</tr>

					</table>
				</div>
			</div>
		</div>
		<div>
			<div id="ding">
				<ul>
					<li>今日</li>
					<li>本周</li>
					<li>本月</li>
				</ul>

				<div class="input-group">
					<input class="form-one" type="text" placeholder="2017-01-12-2017-02-12" name="date-range-picker" id="id-date-range-picker-1">
					<span class="input-group-one">
						<i class="fa fa-calendar"></i>
					</span>
				</div>
			<ol>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace" checked="checked">
						<span class="lbl">全店 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">会员 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">非会员 </span>
					</label>
				</div>
				</li>
			</ol>
			</div>
			<div id="center">
				<div id="sousuo">
					<p>
					<span>销售单号 </span>
					<input value="请输销售单号" style="color: #ccc;
						background: url(images/shop/fangdajing-1.png) no-repeat right" />
					<img src="images/shop/fangdajing-1.png"/>

					</p>
				</div>





				<h5>商品<select><option>请选择商品</option></select></h5>
				<h5>分类<select><option>请选择分类</option></select></h5>
				<h5>支付方式<select><option>请选择支付方式</option></select></h5>
				<button>重置选择</button>
			</div>
			<table id="simple-table3" class="table">
			<thead>

				<tr>

				<th class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label></th>
				<th><i class="ace-icon glyphicon glyphicon-trash white"style="display: block;"></i></th>
				<th>店员</th>
				<th>销售单号</th>
				<th>销售金额折扣</th>
				<th>数量</th>
				<th>销售日期</th>
				<th>支付方式</th>
				<th>销售类型</th>
				<th>操作</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>现金</td>
				<td>会员</td>
				<td>
					<button type="button" class="btn btn-white btn-default">
						<font class="">退货</font>
					</button>
					<button type="button" class="btn btn-white btn-default">
						<font class="">打印</font>
					</button>
					<button class="btn btn-info">详情<font><font>

			</font></font>
		</button>
			</tr>




		</table>
			<div class="bon-bn">共3页，每页显示 <select name="">
				<option value="">10</option>
			</select>条</div><div>
					<ul class="ulone">
						<li><a href="#"><</a></li>
						<li class="show-w"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li>...</li>
						<li><a href="#">10</a></li>
						<li><a href="#">></a></li>
					</ul></div>

		</div>
		<div>
			<div id="ding">
				<ul>
					<li>今日</li>
					<li>本周</li>
					<li>本月</li>
				</ul>

				<div class="input-group">
					<input class="form-one" type="text" placeholder="2017-01-12-2017-02-12" name="date-range-picker" id="id-date-range-picker-1">
					<span class="input-group-one">
						<i class="fa fa-calendar"></i>
					</span>
				</div>
			<ol>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace" checked="checked">
						<span class="lbl">全店 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">会员 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">非会员 </span>
					</label>
				</div>
				</li>
			</ol>
			</div>
			<div id="center">
				<div id="sousuo"><input value="请输促销活动名称" style="color: #ccc;
					background: url(images/shop/fangdajing-1.png) no-repeat right" />

				</div>



				<h5>商品<select><option>请选择商品</option></select></h5>
				<h5>分类<select><option>请选择分类</option></select></h5>
				<button>重置选择</button>
			</div>
			<table id="simple-table2" class="table">
			<thead>

				<tr>

				<th class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label></th>
				<th><i class="ace-icon glyphicon glyphicon-trash white"style="display: block;"></i></th>
				<th>商品</th>
				<th>商品大分类</th>
				<th>商品小分类</th>
				<th><div style="float:left; margin: 0 auto;";>销售数量</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;";>销售金额</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;">毛利润</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;">当前库存</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;">日均盈利</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>

			</tr>
			</thead>
			<tbody>
				<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>商品名称</td>
				<td>888888</td>
				<td>888888</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>
				<td>8888.88</td>

			</tr>

		</table>
			<div class="bon-bn">共3页，每页显示 <select name="">
				<option value="">10</option>
			</select>条</div><div>
					<ul class="ulone">
						<li><a href="#"><</a></li>
						<li class="show-w"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li>...</li>
						<li><a href="#">10</a></li>
						<li><a href="#">></a></li>
					</ul></div>
		</div>
		<div>
			<div id="ding">
				<ul>
					<li>今日</li>
					<li>本周</li>
					<li>本月</li>
				</ul>

				<div class="input-group">
					<input class="form-one" type="text" placeholder="2017-01-12-2017-02-12" name="date-range-picker" id="id-date-range-picker-1">
					<span class="input-group-one">
						<i class="fa fa-calendar"></i>
					</span>
				</div>
			<ol>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace" checked="checked">
						<span class="lbl">全店 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">会员 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">非会员 </span>
					</label>
				</div>
				</li>
			</ol>
			</div>
			<div id="center">
				<div id="sousuo">
					<span>会员  </span>
					<input value="请输会员名" style="color: #ccc;background: url(images/shop/fangdajing-1.png) no-repeat right" />

				</div>



				<h6>会员分类<select><option>请选择会员分类</option></select></h6>
				<h6>会员标签<select><option>请选择会员标签</option></select></h6>
				<h6>会员来源<select><option>请选择会员来源</option></select></h6>
				<h6>沉睡时间<select><option>请选择距今天数</option></select></h6>
				<button>重置选择</button>
			</div>
			<table id="simple-table4" class="table">
			<thead>

				<tr>
				<th>序号</th>
				<th class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label></th>
				<th><i class="ace-icon glyphicon glyphicon-trash white"style="display: block;"></i></th>
				<th>会员ID</th>
				<th>会员名称</th>

				<th>会员分类</th>

				<th>沉睡时间</th>
				<th>累计消费金额</th>
				<th>累计充值金额/余额</th>
				<th>累计积分/余额</th>
				<th>累计次卡次数/余额</th>
				<th>操作</th>
			</tr>

			</thead>
			<tbody>
				<tr>
				<td>1</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>

				<tr>
				<td>2</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>

				<tr>
				<td>3</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>

				<tr>
				<td>4</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>

				<tr>
				<td>5</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>

				<tr>
				<td>6</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>

				<tr>
				<td>7</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>王小丫</td>
				<td>至尊金卡会员</td>
				<td>3个月</td>
				<td>8888.88</td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td>999.88/<span class="bianse">888.88</span></td>
				<td><a class="aone">偏好分析</a></td>
			</tr>
			</tbody>
		</table>
			<div class="bon-bn">共3页，每页显示 <select name="">
				<option value="">10</option>
			</select>条</div><div>
					<ul class="ulone">
						<li><a href="#"><</a></li>
						<li class="show-w"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li>...</li>
						<li><a href="#">10</a></li>
						<li><a href="#">></a></li>
					</ul></div>
		</div>
		<div>
			<div id="ding">
				<ul>
					<li>今日</li>
					<li>本周</li>
					<li>本月</li>
				</ul>

				<div class="input-group">
					<input class="form-one" type="text" placeholder="2017-01-12-2017-02-12" name="date-range-picker" id="id-date-range-picker-1">
					<span class="input-group-one">
						<i class="fa fa-calendar"></i>
					</span>
				</div>
			<ol>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace" checked="checked">
						<span class="lbl">全店 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">会员 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">非会员 </span>
					</label>
				</div>
				</li>
			</ol>
			</div>
			<div id="center">
				<div id="sousuo">
					<span>活动</span>
					<input placeholder="请输促销活动名称" style="color: #ccc;
						background: url(images/shop/fangdajing-1.png) no-repeat right" />
				</div>
				<h6>优惠券<select><option>请选择优惠券</option></select></h6>
				<h6>优惠促销<select><option>请选择优惠促销活动</option></select></h6>
				<h6>满即送<select><option>请选择满即送活动</option></select></h6>
				<h6>优惠套装<select><option>请选择优惠套装</option></select></h6>
				<button>重置选择</button>
			</div>
			<table id="simple-table" class="table">
			<thead>

				<tr>
				<th>序号</th>
				<th class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label></th>
				<th><i class="ace-icon glyphicon glyphicon-trash white"style="display: block;"></i></th>
				<th>促销活动名称</th>
				<th>开始时间</th>

				<th>结束时间</th>

				<th>销量<sub>(优惠券显示使用量)</sub></th>
				<th>销售单数</th>
				<th>销售总额</th>
				<th>优惠额</th>
				<th>利润额</th>
				<th>操作</th>
			</tr>
			</thead>
			<tbody>
				<tr>
				<td>1</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>
				<tr>
				<td>2</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>
				<tr>
				<td>3</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>
			<tr>
				<td>4</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>
			<tr>
				<td>5</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>
			<tr>
				<td>6</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>
			<tr>
				<td>7</td>
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>新年促销</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>88888.88</td>
				<td>999.99</td>
				<td style="padding-right: 20px;">999.99</td>
			</tr>

			</tbody>
		</table>


			<div class="bon-bn">共3页，每页显示 <select name="">
				<option value="">10</option>
			</select>条</div><div>
					<ul class="ulone">
						<li><a href="#"><</a></li>
						<li class="show-w"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li>...</li>
						<li><a href="#">10</a></li>
						<li><a href="#">></a></li>
					</ul></div>
		</div>
		<div>
			<div id="ding">
				<ul>
					<li>今日</li>
					<li>本周</li>
					<li>本月</li>
				</ul>

				<div class="input-group">
					<input class="form-one" type="text" placeholder="2017-01-12-2017-02-12" name="date-range-picker" id="id-date-range-picker-1">
					<span class="input-group-one">
						<i class="fa fa-calendar"></i>
					</span>
				</div>
			<ol>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace" checked="checked">
						<span class="lbl">全店 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">会员 </span>
					</label>
					</div>
				</li>
				<li><div class="radio">
					<label>
						<input name="form-field-radio" type="radio" class="ace">
						<span class="lbl">非会员 </span>
					</label>
				</div>
				</li>
			</ol>
			</div>
			<div id="center">
				<h5>会员<select><option>请选择会员</option></select></h5>
				<button>重置选择</button>
			</div>
			<table class="table simple-table">
			<thead>

				<tr>

				<th class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label></th>
				<th><i class="ace-icon glyphicon glyphicon-trash white"style="display: block;"></i></th>
				<th>店员</th>
				<th><div style="float:left;">销售单数</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;";>临时优惠金额</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;";>销售量</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th><div style="float:left;";>销售金额</div><div style="float:left";><span class="glyphicon glyphicon-triangle-top" ></span><span class="glyphicon glyphicon-triangle-bottom"></span></div></th>
				<th>销售总额</th>
				<th>交班盈亏</th>
				<th>上次交班时间</th>
				<th>操作</th>
			</tr>
			</thead>
			<tbody>
				<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			<tr>
				<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace" />
							<span class="lbl"></span>
						</label>
					</td>
					<td class="center">
						<i class="ace-icon fa fa-trash-o"></i>
					</td>
				<td>7456821345</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>888888</td>
				<td>2016-11-11&nbsp;11:11:11</td>
				<td><a class="aone">查看交班明细</a></td>
			</tr>
			</tbody>
		</table>
			<div class="bon-bn">共3页，每页显示 <select name="">
				<option value="">10</option>
			</select>条</div><div>
					<ul class="ulone">
						<li><a href="#"><</a></li>
						<li class="show-w"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li>...</li>
						<li><a href="#">10</a></li>
						<li><a href="#">></a></li>
					</ul></div>
		</div>
	</div>
</div>
<!-- end -->

<!-- inline scripts related to this page -->
<script type="text/javascript">
	$(function(){
		$('#nav li:first,#warp>div:first').addClass('curr');

		$('#nav li').click(function(){
			$(this).addClass('curr').siblings().removeClass('curr');
			$('#warp>div').eq($(this).index()).addClass('curr')
			.siblings().removeClass('curr');
		});

		$('table tr').mouseenter(function(){
			$(this).css('background','#c7f1ff').siblings().css('background','')
		}).mouseleave(function(){
			$(this).css('background','');
		});

		$('.simple-table').on('click', 'td :checkbox', function() {
			var $row = $(this).closest('tr');
			if(this.checked) $row.addClass('active');
			else $row.removeClass('active');
		}).on('click','th:eq(1) :checkbox', function(){
			var checkall = this.checked;
			$(this).closest('table').find('tbody :checkbox').each(function(){
				this.checked = checkall;
				var $row = $(this).closest('tr');
				if(this.checked) $row.addClass('active');
				else $row.removeClass('active');
			});
		});
	});
</script>